<template>
	<view class="repair-item">
		<text>{{title}}</text>
		<view class="repair-item-grey">{{content}}</view>
	</view>
</template>

<script>
	export default {
		props:{
			title:{
				type:String,
				default:''
			},
			content:{
				type:[String,Number,Array],
				default:()=>{
					return ''
				}
			}
			
		},
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	/*  列表 flex 样式 */
	.repair-item {
		display: flex;
		min-height: 100rpx;
		align-items: center;
		padding: 0 24rpx;
		font-size: $uni-font-size-base;
		border-bottom: 2rpx solid $uni-bg-color-grey;

		.right {
			margin-left: auto;
		}

		.repair-item-grey {
			max-width: 364rpx;
			margin-left: auto;
			color: $nl-text-color-grey;
		}

		.repair-item-grey.u-skeleton-rect {
			min-width: 300rpx;
			min-height: 40rpx;
			text-align: right;
		}

		.margin-left {
			margin-left: 12rpx;
		}
	}
</style>
